<template lang="pug">
data-page.checkEquipmentList
  el-row.checkEquipmentList-row(
    :gutter="8"
  )
    el-col(:span="13")
      mt-card(
        no-padding
      )
        equipment(v-model="selectEquipment")
    el-col(:span="11")
      mt-card(
        no-padding
      )
        mt-tabs(v-model="activeName" )
          mt-tab-pane(name="检查项目",label="检查项目")
            project(:selectEquipment="selectEquipment")
          mt-tab-pane(name="检查部位",label="检查部位")
            part(:selectEquipment="selectEquipment")
</template>
<script setup lang="ts">
import equipment from "./components/equipment.vue";
import part from "./components/part.vue";
import project from "./components/project.vue";
const activeName = ref<String>("检查项目");
const selectEquipment = ref<Object>({});
</script>
<style lang="less" scoped>
.checkEquipmentList {
  &-row {
    height: 100%;
  }
}
</style>
